<template>
	<view class="container">
		<view class="empty">	
				<img src="../../static/images/emptyCart.jpg" alt="" class="img">
			<view class="empty-tips">
				<view class="title">空空如也</view>
				<view class="navigator">
					<navigator url="../login/login">
						<button class="button">去登录</button>
					</navigator>
				</view>
				<navigator url="../car/car">
					<button class="button">购物车列表</button>
				</navigator>
				<navigator url="/pages/test/test">
					测试
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.container{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		box-sizing: border-box;
		
	}
	.empty{
		    position: fixed;
		    left: 0;
		    top: 0;
		    width: 100%;
		    height: 100vh;
		    padding-bottom: 57px;
		    display: flex;
		    justify-content: center;
		    flex-direction: column;
		    align-items: center;
		    background: #fff;
	}
	.img {
		    width: 137px;
		    height: 91px;
		    margin-bottom: 17px;
	}
	.container .empty-tips{
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
		    font-size: 14px;
		    color: #C0C4CC;
	}
	.container .empty-tips .navigator{
		color: #fa436a;
		display: flex;
		
	}
	.button{
		font-size: 14px;
		color: #fa436a;
		background-color: white;
		border: white;
		
	}
</style>